import React from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios'
import './index.css'

function Hooks(props){
	const [list,setList] = React.useState([])
	
	React.useEffect(()=>{
		// axios.get('http://192.168.1.3:9588/api/list').then(res => {
		// 	setList(res.data.data)
		// })
		
		axios({
			url:'http://192.168.1.3:9588/api/newsList',
			method:'post',
		}).then(res=>{
			setList(res.data.data)
		})
		
		
		return ()=>{//在组件卸载时执行
		}
		
		
		
		
		
	},[])//[依赖]。 如果指定[]，回调函数只会在第一次render()后执行
	
	
	return(
		<div>
			<ul>
			{
				list.map((item,index) => 
				<li key={item.title}>{item.title}</li>
				)
			}
			
			</ul>
		
		</div>		
	)		
}

export default Hooks